<script setup lang="ts">
const color = useColorMode()

function toggleDark() {
  color.value = color.value === 'dark'
    ? 'light'
    : 'dark'
}
</script>

<template>
  <div class="text-red">
    Hello World <br>

    <button @click="toggleDark">
      {{ color.value }}
    </button>
  </div>
</template>
